<template>
  <div>
    <van-row class="heads">
      <van-icon name="arrow-left" @click="back" class="back" />
      <span> 问题反馈 </span>
    </van-row>

    <van-notice-bar color="black" background="#ecf9ff" left-icon="info-o">
      请写下你的宝贵意见
    </van-notice-bar>

    <van-field
      v-model="message"
      rows="8"
      autosize
      label="留言"
      type="textarea"
      maxlength="160"
      placeholder="请输入留言"
      show-word-limit
    />

    <van-field
      v-model="tel"
      type="tel"
      label="手机号"
      placeholder="请输入手机号"
      :error-message="regture ? '' : '请正确输入'"
    />

    <van-row>
      <van-col class="sb" span="24">
        <van-button type="primary" size="normal" class="bsize">提交</van-button>
      </van-col>
    </van-row>
  </div>
</template>

<script>
export default {
  name: "Fruith5Feedback",

  data() {
    return {
      regture: true,
      tel: "",
      message: "",
    };
  },

  mounted() {},

  methods: {
    back() {
      this.$router.go(-1);
    },
  },
};
</script>

<style  scoped>
.back {
  cursor: pointer;
}
.heads {
  font-size: 18px;
  font-weight: bold;
  /* line-height: 2.375rem; */
  color: white;
  background-color: rgb(0, 255, 170);
  height: 2.375rem;
  padding: 0.9375rem 0.1875rem 0rem 0.625rem;
}
.sb {
  position: absolute;
  bottom: 6.25rem;
  text-align: center;
}
.bsize {
  width: 11.25rem;
}
</style>